export default App; import React, { useState, useEffect } from 'react'; export default App; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#f5f5f5' }, title: { fontSize: 24, fontWeight: 'bold', marginBottom: 10 } }); import { View, Text, StyleSheet, Button } from 'react-native'; import React, { useState, useEffect } from 'react'; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#f5f5f5' }, title: { fontSize: 24, fontWeight: 'bold', marginBottom: 10 } }); import React, { useState, useEffect } from 'react'; const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#f5f5f5' }, title: { fontSize: 24, fontWeight: 'bold', marginBottom: 10 } }); import React, { useState, useEffect } from 'react'; import { View, Text, StyleSheet, Button } from 'react-native'; export default App; import { View, Text, StyleSheet, Button } from 'react-native'; const App = () => { const [count, setCount] = useState(0); useEffect(() => { console.log("App mounted"); }, []); return ( Hello React Native Count: {count}